/* 
    Document   : product
    Created on : Nov 1, 2013, 11:44:54 PM
    Author     : LEENGUYEN
    Description:
        Purpose of the stylesheet follows.
*/
.marginTop_30{
    margin-top: 30px;
}
.marginBottom_0{
    margin-bottom: 0px;
}
.product{
    margin-left: -20px;
}
.module_product{
    float: left;
    color: #373737;
    width: 210px;
    box-shadow: 0px 0px 5px #ccc;
    margin-left: 20px;
    margin-bottom: 20px;
    height: 246px;
    position: relative;
    border-radius: 3px;
}
.img_product{
    display: block;
    width: 100%;
    height: 185px;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.img_product:before{
    position: absolute;
    content: "";
    background: rgba(248,21,76,0.4) url(../images/btn_redmore.png) center 20px no-repeat;
    top: 0px;
    left: 80px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    opacity: 0;
}
.module_product:hover .img_product:before{
    top:70px;
    opacity: 1;
    background: rgba(248,21,76,0.4) url(../images/btn_redmore.png) center no-repeat;
}
.img_product img{
    width: 100%;
}
.module_product a{
    color: #373737;
}
.module_product h6{
    padding: 5px 10px;
}
.price_2{
    display: block;
    width: 44px; height: 34px;
    background: url(../images/icon_price_2.png) no-repeat;
    position: absolute;
    text-align: center;
    font-size: 16px;
    color: #fff;
    top: 20px; right: -7px;
    line-height: 26px;
    overflow: hidden;
}
.icon_new{
    display: block;
    width: 83px; height: 23px;
    text-align: center;
    background: url(../images/new.png) no-repeat;
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: 7px;
    left: -21px;
    -webkit-transform: rotate(-43deg);
    -moz-transform: rotate(-43deg);
    -o-transform: otate(-43deg);
    -ms-transform: rotate(-43deg);
    transform: rotate(-43deg);
}
/**** pagination ****/
.pagination{
    text-align: center;
    color: #fff;
    margin-top: 20px;
}
.pagination a:first-child , .pagination a:last-child{
    padding: 7px 15px;
    background: #c1c1c1 url(../images/pagination_arrow.png) center no-repeat;
}
.pagination a:last-child{
    background: #c1c1c1 url(../images/pagination_arrow_2.png) center no-repeat;
}
.pagination a , .pagination span{
    padding: 7px 12px;
    background: #c1c1c1;
    color: #fff;
}
.pagination a{
    margin:0px 3px;
}
.pagination span{
    margin: 0px 2px 0px 6px;
}
.pagination a:hover , .pagination .active{
    background: #2f8dcb;
}
.pagination a:first-child:hover, .pagination a:first-child .active{
    background: #2f8dcb url(../images/pagination_arrow.png) center no-repeat;
}
.pagination a:last-child:hover , .pagination a:last-child .active{
    background: #2f8dcb url(../images/pagination_arrow_2.png) center no-repeat;
}
#content{
    position: relative;
}
.adv{
    width: 150px;
    float: right;
    text-align: center;
}
.adv img{max-width: 100%;}